<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
    <title>订单详情</title>
    <link rel="stylesheet" href="../css/style.css"/>
    <link rel="stylesheet" href="../css/font-awesome.min.css"/>
</head>
<body>
<div class="container">
    <div class="header">
        <a href="index.html"><i class="icon-angle-left icon-large"></i></a>订单详情
        <span id="btn-wjd" class="pull-right font28">接单&nbsp;</span>
        <span id="btn-yjd" class="pull-right font28 text-99 hidden">已接单&nbsp;</span>
    </div>
    <div class="main" style="overflow-y: auto">
        <!-- 无供应商单据列表-->
        <div>
            <div class="pa1 bg-white font28 ">
                <h3>
                    <span class="text-99">供应商：</span>
                    <span class="text-1a">A供应商</span>
                </h3>

                <h3 class="mt1">
                    <span class="text-99">要求到货时间：</span>
                    <span class="text-1a">2016.7.22</span>
                </h3>

                <h3 class="mt1">
                    <span class="text-99">下单时间：</span>
                    <span class="text-1a">2016.7.22 16:00</span>
                </h3>
            </div>
            <!-- 单据列表-->
            <table class="danju bg-white">
                <tr class="bg-fa">
                    <th style="width:20%">物料名称</th>
                    <th style="width:15%">数量</th>
                    <th style="width:10%">单位</th>
                    <th style="width:15%">条只数</th>
                    <th style="width:20%">单价</th>
                    <th style="width:20%">部门</th>
                </tr>
                <tr>
                    <td class="name text-left">鲤鱼鲤鱼鲤鱼鲤鱼鲤</td>
                    <td>80000</td>
                    <td>ml</td>
                    <td>80000</td>
                    <td>250.00</td>
                    <td class="text-left">前厅部门前厅部门</td>
                </tr>
                <tr>
                    <td class="name text-left">鲤鱼鲤鱼鲤鱼鲤鱼鲤</td>
                    <td>80000</td>
                    <td>ml</td>
                    <td>80000</td>
                    <td>250.00</td>
                    <td class="text-left">前厅部门前厅部门</td>
                </tr>
                <tr class="bg-fa text-center">
                    <th>备注</th>
                    <th colspan="5"></th>
                </tr>
                <tr>
                    <td colspan="6" class="text-left">
                        <div class="pa1 text-1a">
                            备注备注备注备注备注备注备注备注备注备注备注备注备注备注备注
                        </div>
                    </td>
                </tr>
            </table>
        </div>
    </div>
</div>
<script src="../js/zepto.min.js"></script>
<script>
    $('#btn-wjd').on('click', function () {
        $(this).hide();
        $('#btn-yjd').show();
        //todo
    })
</script>
</body>
</html>